<template>
  <div class="common-functions">
    <div class="brief-title">
      <span>常用功能</span>
    </div>
    <ul>
      <li
        v-for="(_item, _index) in menuAll[0].children"
        :key="_index"
        :class="_item.code"
        @click="_item && _item.path ? toLink(_item.path) : ''"
      >
        <span>{{ _item.name }}</span>
        <div v-if="_item.remark">
          <img :src="require('@/assets'+_item.remark)" alt="">
        </div>

      </li>
    </ul>
  </div>
</template>

<script>
import {mapGetters} from "vuex";

export default {
  name: "common-functions",
  props: ['commonFunctions'],
  data() {
    return {}
  },
  created() {
  },
  methods: {
    toLink(url) {
      if (url !== '/') {
        this.$router.push(url);
      }

    }
  },
  mounted() {
  },
  computed: {
    ...mapGetters(["menuAll"]),
  },//计算属性
}
</script>

<style lang="less" scoped>

.noMenu1 {
  color: #5230E9;
  background: #EBE6FF !important;
}

.noMenu2 {
  color: #F1B104;
  background: #FFF6DC !important;
}

.noMenu3 {
  color: #51AEF6;
  background: #E1F2FF !important;
}

.noMenu4 {
  color: #E32F13;
  background: #FED6CF !important;
}

.noMenu5 {
  color: #02C86C;
  background: #DFFFEF !important;
}

.noMenu6 {
  color: #FF3819;
  background: #FFD6CF !important;
}
.noMenu7 {
  color: #F86900;
  background: #FDDCC3 !important;
}
</style>
